@charset "utf-8";

/* CSS Document */
@font-face { font-family: "ruiz"; src: url("../fonts/ruiz.woff2") format("woff2"), url("../fonts/ruiz.woff") format("woff"), url("../fonts/ruiz.ttf") format("truetype"), url("../fonts/ruiz.eot") format("embedded-opentype"), url("../fonts/ruiz.svg") format("svg"), url("../fonts/ruiz.otf") format("opentype");}
.font-ruiz {font-family:"ruiz", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}
html, body {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
ul,li,ol {list-style: none;margin:0;padding:0;}
a {color:rgba(51,53,67,1);}
a:hover {color:rgba(165,0,26,0.8); text-decoration: none;}
a.white {color:rgba(255,255,255,0.8);}
a.white:hover {color:rgba(255,255,255,0.5); text-decoration: none;}

[class*='icons-']{background: url("../images/icons.png") no-repeat; display: inline-block;}
.icons-1 {background-position: 0 0; width: 17px; height: 17px;}
.arrow-3 {width:0;	height: 0;	display: block; border-width: 3px; border-style: solid; border-color: rgba(165,0,26,1.00); border-top-color: transparent; border-left-color: transparent; border-right-color: transparent;}
.arrow-5 {width:0;	height: 0;	display: block; border-width: 5px; border-style: solid; border-color: rgba(165,0,26,1.00); border-top-color: transparent; border-left-color: transparent; border-right-color: transparent;}
.arrow-10 {width:0;	height: 0;	display: block; border-width: 10px; border-style: solid; border-color: rgba(165,0,26,1.00); border-top-color: transparent; border-left-color: transparent; border-right-color: transparent;}
.deg-l {transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);}
.deg-r {transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.deg-b {transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}

.text-c10{color:rgba(165,0,26,1.00);}.bg-c10{background-color: rgba(165,0,26,1.00);}
.text-c12{color:rgba(165,0,26,0.2);}.bg-c12{background-color: rgba(165,0,26,0.2);}
.text-c14{color:rgba(165,0,26,0.4);}.bg-c14{background-color: rgba(165,0,26,0.4);}
.text-c16{color:rgba(165,0,26,0.6);}.bg-c16{background-color: rgba(165,0,26,0.6);}
.text-c18{color:rgba(165,0,26,0.8);}.bg-c18{background-color: rgba(165,0,26,0.8);}
.text-c20{color:rgba(35,35,35,1.00);}.bg-c20{background-color: rgba(35,35,35,1.00);}
.text-c28{color:rgba(35,35,35,0.8);}.bg-c28{background-color: rgba(35,35,35,0.8);}
.text-c26,.text-desc{color:rgba(35,35,35,0.6);}.bg-c26{background-color: rgba(35,35,35,0.6);}
.text-c24{color:rgba(35,35,35,0.4);}.bg-c24{background-color: rgba(35,35,35,0.4);}
.text-c22{color:rgba(35,35,35,0.2);}.bg-c22{background-color: rgba(35,35,35,0.2);}
.text-c21{color:rgba(35,35,35,0.1);}.bg-c21{background-color: rgba(35,35,35,0.1);}
.bg-box {background-color: rgba(35,35,35,0.05); border-top:1px solid rgba(35,35,35,0.1); padding:0 0 1rem;}

.hide {display: none;}
.line-clamp,.line-clamp1,.line-clamp2,.line-clamp3,.line-clamp4 {overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;}
.line-clamp,
.line-clamp1 {-webkit-line-clamp: 1; /*第一行显示 ...*/}
.line-clamp2 {-webkit-line-clamp: 2; /*第二行显示 ...*/}
.line-clamp3 {-webkit-line-clamp: 3; /*第二行显示 ...*/}
.line-clamp4 {-webkit-line-clamp: 4; /*第二行显示 ...*/}

/*鼠标经过图片透明度*/
.ft-img img {opacity: 1; filter:alpha(opacity=100); transition: opacity 0.3s cubic-bezier(0.77,0,0.175,1);}
.ft-img:hover img {opacity: 0.75; filter:alpha(opacity=75);}
/*鼠标经过块上移+阴影*/
.mov-top {transition: all 0.25s;}
.mov-top:hover {-webkit-box-shadow: 0 34px 20px -24px rgba(35,35,35,0.15); box-shadow: 0 34px 20px -24px rgba(35,35,35,0.15); -webkit-transform: translateY(-5px); transform: translateY(-5px);	-ms-transform: translateY(-5px);}
/*鼠标经过图片放大*/
.scale img,
.litpic img {-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.scale:hover img,
.litpic:hover img {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

.fluid-img {background:url(../images/fluid-img.png) center bottom repeat-x;}

@media (max-width:991.98px){
	[class*="sm-"]{display:none;}
	.smt-3 {margin-top:1rem!important;}
}
@media (min-width:992px){	
	[class*="pc-"]{display:none;}
}

/*图片自动缩图*/
.photoresize img {max-width:300px; _width:expression(this.width > 300 ? "300px" : this.width);}
.photo-b43 {width:100%; height: 0; padding:37.5% 0; overflow: hidden; position: relative;}
.photo-b55 {width:100%; height: 0; padding:50% 0; overflow: hidden; position: relative;}
.photo-b43 img,.photo-b55 img {width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; right:0; bottom:0;}
 /*图片居中*/
.img-auto {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
/*img 自适应*/
.img-fluid img {width: 100%; height: auto;}
.img {width:100%; position: relative; overflow: hidden; background-color: rgba(35,35,35,0.05);}
.img .img-body {position: absolute; top:0; left: 0; right: 0; bottom: 0; z-index: 11;}
.img .img-body img {width:100%;}
.img .img-body .img-txt {position: absolute; width:100%; height: 3rem; line-height: 3rem; left:0; text-align: center; display: block; z-index: 22; padding:0 0.5rem;}
.img .img-body .img-txt:before {content: ''; width: 100%; height: 3rem; overflow: hidden; text-indent: -9999px; position: absolute; z-index: -1; left:0; transition: all .3s;}
@media (max-width:991.98px){
	.img-box {margin-top:-1rem!important;}
	.img-box>div {margin-top:2rem;}
	.img .img-body .img-txt {bottom: 0;}
	.img .img-body .img-txt:before { background:rgba(35,35,35,0.8); bottom:0;}
}
@media (min-width:992px){
	.img .img-body .img-txt {color:transparent; font-size: 0.8rem; transition: all .3s; bottom: -5px;}
	.img .img-body a:hover .img-txt {color:rgba(255,255,255,1.00);font-size: 1rem;bottom: 0;}
	.img .img-body .img-txt:before { background:rgba(35,35,35,0); bottom:-1rem;}
	.img .img-body a:hover .img-txt:before {bottom:0; background:rgba(35,35,35,0.8);}
}
.img34 {padding:66.6666% 0;}
.img43 {padding:37.5% 0;}
/*缩略图4:3*/
.spic-b43 {width:100%; height: 0; padding:37.5% 0; overflow: hidden; position: relative;}
.spic-b43 img {width:100%; height:100%; object-fit: cover;/*对图片进行剪切，保留原始比例*/ position:absolute; top:0; left:0; right:0; bottom:0;}
 
/*图片居中*/
.photo-center { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

/*鼠标经过图片透明度*/
.cover-img img {opacity: 1; filter:alpha(opacity=100); transition: opacity 0.3s cubic-bezier(0.77,0,0.175,1);}
.cover-img:hover img {opacity: 0.75; filter:alpha(opacity=75);}

/*鼠标经过图片放大*/
.cover-scale img {-webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s;}
.cover-scale:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}

/*鼠标经过块上移+阴影*/
.cover-top {transition: all 0.25s;}
.cover-top:hover {-webkit-box-shadow: 0 34px 20px -24px rgba(35,35,35,0.15); box-shadow: 0 34px 20px -24px rgba(35,35,35,0.15); -webkit-transform: translateY(-5px);	-ms-transform: translateY(-5px); transform: translateY(-5px);}


/*通用Header*/
.head-linkinfo {height: 2rem; line-height: 2rem;}
.head-linkinfo .txt-link li {float:left; margin-left: 1rem; line-height: 2rem; display: inline-block;}
.head-linkinfo .txt-link .wxewm {width:210px;height: 210px;padding:5px;position: absolute;top:2rem;right:0;margin-top:-1px;z-index: 999;background: rgba(255,255,255,1.00);}
.head-linkinfo .txt-link .wxewm img {width:200px;height: 200px;}
.head-linkinfo .txt-link .wxewm i {position:absolute;top:-9px;background: #FFF;color: #DEE2E6;right:2rem;}
.logo-box {position: relative; height: 60px;}
.logo-box .logo a {width:200px;height: 60px;display: block;position: absolute;left:0;top:0;background: url("../images/logo.png") 0 0 no-repeat; text-indent: -9999px;overflow: hidden;}
.logo-box .txt {width:50%;height: 3rem;position: absolute;top:0.5rem;left:50%;margin-left:-25%;text-align: center;}
.logo-box .txt span {line-height: 1.5rem;}
.logo-box .mobi .f-14 {height: 14px; line-height: 14px; margin-top:5px; text-indent: 5px;}
.logo-box .mobi i {margin-left:-3.5rem;top:0.5rem;}

/*栏目导航菜单*/
@media (min-width:992px){	
	.menu-box {width: 100%; height:4rem; margin-top:1rem; border-top:1px solid rgba(210,210,210,1); /*background-color: rgba(35,35,35,1.00);*/background:url("../images/menu-bj.png") repeat 0 0;}
	.menu-body li {float:left; display: inline-block; padding:0 1rem; line-height: 4rem;}
	.menu-body li:nth-child(1){padding-left:0 !important;}
	.menu-body .dp-down {position: relative;}
	.menu-body .dp-down.active>a {color:rgba(165,0,26,1.00);}
	.menu-body .dp-down .down-menu {position: absolute; top:3rem; left:-50%; margin-left:1rem; z-index: 99999; display: none;}
	.menu-body .dp-down .down-menu .list {float:left; width:10rem; background:rgba(165,0,26,1.00); padding:1rem 0; margin-top: 1rem; text-align: center; border-radius: 3px;}
	.menu-body .dp-down .down-menu .list:before {content: ''; width: 0; height: 0; border:0.5rem solid rgba(165,0,26,1.00); border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; position: absolute; top:0; left:5rem; margin-left:-0.5rem;}
	.menu-body .dp-down .down-menu .list a {display: block; line-height: 2.2rem; color: rgba(255,255,255,0.8); border-bottom: 1px solid rgba(148,0,23,1.00);}
	.menu-body .dp-down .down-menu .list a:nth-last-child(1) {border:none;}
	.menu-body .dp-down .down-menu .list a:hover {color: rgba(255,255,255,1);}
}
@media (max-width:991.98px){
	.logo-box .logo a {top:-0.5rem;}
	.menu-box.shrink {position: fixed; top:0; left:0; z-index: 99;}
	.menu-box {width: 100%; background-color: rgba(35,35,35,0.3); position: relative; box-shadow: 0 6px 6px rgba(0,0,0,0.2); z-index: 99;}
	.menu-box .menu-bar {width:100%; height: 3rem; background-color: rgba(35,35,35,1.0);position: relative;}
	.menu-bar .menu-button {width:3rem;height: 3rem;position: absolute;top:0.8rem;right:1rem;cursor: pointer;-webkit-transition: .3s;transition: .3s;}
	.menu-bar .fa {color:rgba(255,255,255,0.8);line-height: 3rem;}
	.menu-button .bar:nth-of-type(1) {margin-top: 0px;}
	.menu-button .bar:nth-of-type(3) {margin-bottom: 0px;}
	.menu-button .bar { position: relative; display: block; width: 30px;height: 3px; margin: 6px auto; background-color: #fff; border-radius: 6px; -webkit-transition: .3s; transition: .3s;}

	.cross .bar { position: fixed!important; display: block; width: 30px; height: 3px; margin: 6px auto; background-color: #fff; border-radius: 6px; -webkit-transition: .3s; transition: .3s; z-index: 999;top:1rem;right:1rem;}
	.cross .bar:nth-of-type(1) {-webkit-transform: translateY(3.5px) rotate(-45deg); -ms-transform: translateY(3.5px) rotate(-45deg); transform: translateY(3.5px) rotate(-45deg);}
	.cross .bar:nth-of-type(2) { opacity: 0; }
	.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-3.5px) rotate(45deg); -ms-transform: translateY(-3.5px) rotate(45deg); transform: translateY(-3.5px) rotate(45deg);}
	
	.menu-box .menu-body {position:fixed!important; background-color: rgba(35,35,35,0.9); display: block; width:75%; height: 100%; top:0; right:-75%; padding: 4rem 1rem 1rem; transition: all 0.3s;}
	.menu-box.cross .menu-body {right:0; z-index: 99;}
	
	.menu-body li {min-height: 3rem; line-height: 3rem; border-top:1px solid rgba(255,255,255,0.1); text-indent: 2rem; background: url("../images/arrow-kr.png") 0.5rem 1.1rem no-repeat;}
	.menu-body li:nth-child(1) {border-color: transparent; text-indent:0; background-image: none;}
	.text-dark {color:rgba(255,255,255,0.8)!important;}
	
	.menu-body .dp-down a {color:rgba(255,255,255,0.8);}
	.menu-body .dp-down .down-menu {position: relative; margin-left:1rem; display: none;}
	.menu-body .dp-down .down-menu .list {width: 100%;}
	.menu-body .dp-down .down-menu .list a {display: block; line-height: 2.2rem; }
	.menu-body .dp-down .down-menu .list a:before {content: "\f105"; width:1rem; height: 1rem; font: normal normal normal 14px/1 FontAwesome;margin-right: 1rem;}
}

/**Banner slide**/
@media (max-width:991.98px){
	.banner-box {width:100%; height: 180px; overflow: hidden;}
	.swiper-button-next, .swiper-button-prev {display: none;}
}
@media (min-width:992px){
	.banner-box {width:100%; height: 550px; overflow: hidden;}
}

.sw-container {width: 100%; height: 100%; position: relative; list-style: none; padding: 0; z-index: 1;}
.sw-container .swiper-slide { text-align: center; font-size: 18px; background: #FFF;}
.sw-container .swiper-slide a {width:100%; height: 100%; display: block; background-size: cover; background-position: center center;}
.swiper-button-next,.swiper-button-prev {color:rgba(255,255,255,0.5)!important; -webkit-transition: all .3s; transition: all .3s;padding:2rem; margin-top:-2rem;}
.swiper-button-next:hover, .swiper-button-prev:hover {color:rgba(255,255,255,1)!important;}

/**Search**/
.search {position:absolute;top:50%;right:1rem;border-radius:5px;border:1px solid rgba(0,0,0,0.1);height: 2rem;margin-top:-1rem;overflow: hidden; background-color: rgba(255,255,255,1.00);}
.search input,
.search .inputSub {border: 0; outline: none;}
.search .inputText {text-indent: 0.5rem; overflow: hidden;}
.search .inputSub {height:2rem; width:2rem; border-left:1px solid rgba(0,0,0,0.1)!important; color:rgba(0,0,0,0.3);transition: all 0.3s}
.search .inputSub:hover { color:rgba(0,0,0,0.8);}
.key-list a {display:inline-block;padding:0 0.25rem;}
.guide,.sitemap {width:100%; height: 3rem; line-height: 3rem; position: relative;}
.guide small {font-size: 1rem;background: rgba(165,0,26,1.00); padding:0.35rem 0.5rem; border-radius: 3px;}
.guide a {margin-right: 1rem;}
.sitemap a {margin:0;}

/*子栏目导航*/
.list-nav {width:100%; display: block; height: 3rem; background: rgba(165,0,26,1); padding:0 1rem;}
.list-nav li {float: left; display: inline-block; padding:0 1rem; height: 2.5rem; line-height: 2.5rem; margin-top:0.5rem;}
.list-nav li.thisclass {border-width: 1px; border-style: solid; border-color: rgba(35,35,35,0.25); border-bottom-color: transparent; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; background: rgba(255,255,255,1.00);}
.list-nav li a {color:rgba(255,255,255,1.00);}
.list-nav li.thisclass a {color:rgba(165,0,26,1);font-weight: bold;}

.list-nav-side li {height:2.5rem; line-height:2.5rem; font-size: 1.1rem;}
.list-nav-side li:before {content: "\f196"; font-family: 'FontAwesome'; margin-right: 0.5rem; font-weight: lighter; color:rgba(35,35,35,0.5);}
.list-nav-side li:hover:before {color:rgba(165,0,26,1);}

/*Title Style*/
.tit-max {width:100%;}
.tit-max .title {text-align: center; height: 3rem; line-height: 3rem; font-size:1.8rem;}
.tit-max .title h1,
.tit-max .title h2 {font-size:1.8rem; display: inline-block;}

	/*Title Product*/

.banner-bt-bg {background:url("../images/banner-title-bg.png") center center no-repeat; height: 7rem; overflow: hidden;}
.banner-tit {position:relative; z-index:10;}
.banner-tit h2 {font-size:1.8rem;}
.red-arrow-down {display: block; width:30px; height:30px; background:rgba(165,0,26,1); position: absolute;bottom:-10px; left:50%;margin-left:-20px; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.bg-line {background:url("../images/line-bj2.png");}

@media (max-width:991.98px){
	.tit-max .title {font-size:1.2rem; position: relative;}
	.tit-max .title h1,.case-title h2,
	.tit-max .title h2 {font-size:1.2rem!important;}
	.tit-max .title:before,
	.tit-max .title:after {content: ''; width:2rem; height: 0; border-top:3px solid rgba(35,35,35,0.5); position:absolute; top:50%;display: block;}
	.tit-max .title:before  { left:0;}
	.tit-max .title:after { right:0;}
	.banner-tit h2 {font-size:1.2rem;}
	.banner-tit>p {font-size:0.8rem} 
}
.tit-max .info span {display: inline-block; position: relative;}
.tit-max .info span:before,
.tit-max .info span:after {content: ''; width:150px; height: 0; border-top:1px solid #ddd; position:absolute; top:50%;display: block;}
.tit-max .info span:before  { left:-170px;}
.tit-max .info span:after { right:-170px;}

.tit-s1 {border-bottom: 1px solid rgba(35,35,35,0.1);}
.tit-s1 h3 {height: 2.4rem; line-height: 2.4rem; display: inline-block; font-size: 1.1rem;}
.tit-s1 span:nth-of-type(2) {line-height: 2.4rem;}
.tit-s3 {border-bottom: 2px solid rgba(35,35,35,1); background: rgba(35,35,35,0.05);}
.tit-s3 h2 {height: 3rem; line-height: 3rem; padding:0 1rem; display: inline-block; font-size: 1.1rem; margin:0;}
.tit-s4 {border-bottom: 2px solid rgba(165,0,26,1); background: rgba(165,0,26,0.05);}
.tit-s5 {background-color: rgba(35,35,35,0.05);}
.tit-s5 h2 {height: 3rem; line-height: 3rem; padding:0 1rem; display: inline-block; font-size: 1.1rem; background-color: rgba(255,255,255,1.0); margin: 0!important;}
.tit-s6 {width:100%;border-bottom:1px solid rgba(52,58,65,0.1); height: 2.4rem; line-height: 2.4rem; position: relative;}
.tit-s6 h3 {float:left; padding:0 0.5rem; height: 2.4rem; line-height: 2.4rem; border-bottom: 1px solid rgba(165,0,26,1); font-size:1.1rem;font-weight: 700;}


/*应用领域*/
@media (min-width:992px){
	.hot-img .card,.product-list .card {transition: all 0.25s;}
	.hot-img .card:hover,.product-list .card:hover {
		-webkit-box-shadow: 0 34px 20px -24px rgba(35,35,35,0.15);
		box-shadow: 0 34px 20px -24px rgba(35,35,35,0.15);
		-webkit-transform: translateY(-5px); transform: translateY(-5px);
		-ms-transform: translateY(-5px);
	}
}
.hot-img .card-title {height: 3rem; min-height: 3rem; line-height: 1.5rem;}
.hot-img .card-title a {font-size:1rem; font-weight: 600; line-height: normal;}
.hot-img .card-text {font-size: 0.9rem; color: rgba(0,0,0,0.75)}
.lazyload:not(.visible),.lazyloading:not(.visible) {
    opacity: 0;
}
.card .card-img-top img {opacity: 1; filter:alpha(opacity=100); transition: opacity 0.3s cubic-bezier(0.77,0,0.175,1);}
.card .card-img-top:hover img {opacity: 0.75; filter:alpha(opacity=75);}

.field {width:100%; height: 7rem; padding:1rem 0; overflow: hidden;}
.field li {display: inline-block;float:left;width:12.5%;text-align: center;border-left:1px solid rgba(255,255,255,0.1)}
.field li:nth-of-type(1) {border-color: transparent;}
.field li a {color:rgba(255,255,255,0.5);}
.field li a:hover {color:rgba(255,255,255,1);}
.field .icons {width:68px;height: 55px;margin:0 auto; display: block; overflow: hidden;}
.field .icons img {opacity:0.5; filter:alpha(opacity=50); transition: all .3s;}
.field a:hover .icons img {opacity:1; filter:alpha(opacity=100);}
.field li span {width:100%;height: 2rem;line-height: 2rem; text-align: center;}


/*产品展示*/
@media (min-width:992px){
	.p-switch .p-title {height: 5.5rem; padding:0 1rem; line-height: 5.5rem; position: relative; z-index: 1; overflow: hidden;}
	.p-switch .p-title span:nth-of-type(1) {font-size: 1.4rem;}
	.p-switch .p-title i {position: absolute; right:1rem; top:2rem; opacity: 0.5; filter: alpha(opacity=50); z-index: 9;}
	.p-switch .p-title .fa {font-size: 1rem;}
	.p-switch .p-nav .mlist {width:100%; overflow: hidden;}
	.p-switch .p-nav .mlist li {height: 4.4rem; padding-left:1rem; border-top:1px solid rgba(35,35,35,0.1);position: relative;}	
	.p-switch .p-nav .mlist li:nth-of-type(1) {border-color: transparent;}
	.p-switch .p-nav .mlist li:before {content: ''; width:0; height: 100%; border-left:5px solid transparent; position: absolute; left:0; top:0; transition: all .3s; background: url("../images/arrow-r.png") 0 center no-repeat;}
	.p-switch .p-nav .mlist li:hover:before { width:10px; border-color: rgba(35,35,35,1);}
	.p-switch .p-nav .mlist li h2 {font-size:1.2rem;}
	
	.p-switch .p-list li:nth-child(n+4) {margin-top: 2rem;}
	.p-switch .p-list li img {transition: all .3s;-webkit-transition: all .3s;}
	.p-switch .p-list li:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);}
}

@media (min-width:1200px){
	.p-switch .p-nav .mlist li {height: 5.1rem; padding-left:2rem; border-top:1px solid rgba(35,35,35,0.1);position: relative;}
}

@media (max-width:991.98px){
	.p-switch .p-nav {width:100%; margin:0!important; padding: 0!important;}
	.p-switch .p-title {width:100%; height: 3rem; line-height: 3rem; position: relative; z-index: 1;}
	.p-switch .p-title span:nth-of-type(1) {font-size: 1.2rem; margin-left:1rem;}
	.p-switch .p-title i {position: absolute; right:1rem; top:0.75rem; opacity: 0.5; filter: alpha(opacity=50); z-index: 11;}
	.p-switch.active .p-title .fa {transform:rotate(180deg);}
	
	.p-switch .mlist {display: none; transition: all .3s;}
	.p-switch.active .mlist {display: block;}	
	.p-switch .mlist li {height: 3rem; line-height: 3rem; text-indent: 3rem; border-bottom:1px solid rgba(35,35,35,0.15); background:url("../images/arrow-r.png") 2rem 1rem no-repeat;}
	.p-switch .p-nav .mlist li h2 {font-size:1rem;}
	.p-switch .p-nav .mlist .text-desc {display: none;}
	.p-switch .p-list {border:1px solid rgba(35,35,35,0.15); background:rgba(255,255,255,0.9);}
	.p-switch .p-list li {margin:1rem 0;}
	.p-switch .p-list li a {font-size: 0.8rem;}
}
	.p-switch .p-list .txt {width:100%; overflow: hidden; background: rgba(255,255,255,1.00); border-bottom:1px solid rgba(35,35,35,0.2);}
	.p-switch .p-list .txt p {padding:0 0.5rem; margin:0;}
	.p-switch .p-list .txt p:nth-of-type(1) {height: 3rem; line-height: 3rem;}
	.p-switch .p-list .txt p:nth-of-type(2) {height: 2rem; line-height: 2rem; border-top:1px dotted rgba(35,35,35,0.15); overflow: hidden;}

/*hot-tags*/
.hot-tags {position:relative;}
.hot-tags .title {position:absolute;left:50%;top:-1.7rem;height: 3rem; line-height: 3rem; width:300px; margin-left:-150px; background:rgba(255,255,255,1);text-align: center;}
.hot-tags .title span {display:inline-block;line-height: 3rem;}
.hot-tags .title span.en {font-size:1.8rem;}
.hot-tags .title span.cn {font-size: 1.6rem;}
@media (max-width:991.98px){
	.hot-tags .title {left:50%;width:200px; margin-left:-100px;}
	.hot-tags .title span.en {font-size:1.4rem;}
	.hot-tags .title span.cn {font-size: 1.2rem;}	
}
.hot-tags li {display:inline-block; padding:0 0.25rem;}
.hot-tags li a {font-size: 0.8rem;}

.banner-mob img {width:100%;}
/*swiper-case*/
.case-title {width: 100%;}
.case-title small {font-size:1rem; display: block;}
.case-title h2 {font-size: 1.8rem;}
.swiper-case {width:100%; height: 100%; padding-top:3.5rem; margin-top:-3rem; overflow: hidden; position: relative; z-index: 1;}
.swiper-case .case-list {width:100%; overflow: hidden;}
.swiper-case .txt {width:100%; height: 7.5rem; padding:1rem; background:rgba(255,255,255,1.00);}
.swiper-case .txt h3 {height: 2rem; line-height: 2rem; text-align: left;}
.swiper-case .txt h3 a {font-size:1.1rem;}
.swiper-case .txt p {height: 1.2rem; line-height: 1.2rem; font-size:0.9rem; color: rgba(35,35,35,0.6); overflow: hidden;}
.swiper-case .txt .tags-link a {height: 1.2rem; line-height: 1.2rem; font-size:0.9rem; background:rgba(35,35,35,0.05); color: rgba(35,35,35,0.8); float: left!important; margin-right: 0.5rem;}
.swiper-case .btn-prev,.swiper-case .btn-next {width:2.4rem; height: 2.4rem; background:rgba(165,0,26,1.00); position: absolute; top:0; z-index: 11; cursor: pointer; text-align: center; color: rgba(255,255,255,1)}
.swiper-case .btn-prev .fa,.swiper-case .btn-next .fa {font-size:2.2rem; transition: all .1s;}
.swiper-case .btn-prev {right:2.5rem;}
.swiper-case .btn-next {right:0;}

@media (min-width:992px){
	.swiper-case .btn-prev:hover .fa,
	.ab-img-list .btn-prev:hover .fa {text-indent: -0.5rem;}
	.swiper-case .btn-next:hover .fa,
	.ab-img-list .btn-next:hover .fa {text-indent: 0.5rem;}	
}

/*ab-box *关于我们*/
@media (min-width:768px){
	.ab-box {height:500px;background:url("../images/ab-bj.jpg") center center no-repeat; background-size:cover; font-size: 0.8rem;}
	.ab-block {padding:50px 0;display: block;}
	.ab-box .ab-txt {width: 41.666667%; float:left; height: 400px; padding:50px; display: block; background: url("../images/ab-txt-bj.png") right top no-repeat; overflow: hidden;}
	.ab-box .ab-list {width: 58.333333%; float:right; height: 400px; padding:50px; display: block;}
}
@media (max-width:767.98px){
	.ab-box {display: flex; display:-webkit-flex; padding:0; font-size: 0.8rem;}
	.ab-block {display: block;}
	.ab-box .ab-txt {width: 100%; float:left;height: 400px;padding:40px 20px;display: block;background: url("../images/ab-txt-bj.png") left top no-repeat;overflow: hidden;}
	.ab-box .ab-list {width: 100%; float:left; margin-top:1.5rem; display: block;}
}
.ab-img-list {width:100%; padding-top:4.5rem; margin-top:-4.5rem; overflow: hidden;}
.ab-img-list .btn-prev,.ab-img-list .btn-next {width:2.4rem; height: 2.4rem; background:rgba(165,0,26,1.00); position: absolute; top:0; z-index: 11; cursor: pointer; text-align: center; color: rgba(255,255,255,1)}
.ab-img-list .btn-prev .fa,.ab-img-list .btn-next .fa {font-size:2.2rem; transition: all .1s;}
.ab-img-list .btn-prev {right:2.5rem;}
.ab-img-list .btn-next {right:0;}

/*资讯中心*/
.inart-list {width:100%;}
.inart-list li {margin-top:1rem;}
.inart-list .litpic,.art-list .litpic {float:left; width:5.5rem; height: 4rem; overflow: hidden;}
.inart-list .litpic img {width:100%;}
.inart-list h3,.art-list h3 {font-size:1rem;}
.inart-list .desc {font-size:0.9rem; color:rgba(35,35,35,0.7);}
@media (max-width:991.98px){
	.inart:nth-child(n+2) {margin-top:2rem;}
}

/*产品页样式*/
.prol-s1 li {margin-top:2rem;}
.prol-s1 .prol-box {padding:0.5rem; background-color: rgba(35,35,35,0.02); border: 1px solid rgba(35,35,35,0.1);}
.prol-s1 .prol-box .title {height: 3rem; line-height: 3rem;}
.propage .txt-list {border-top:2px solid rgba(165,0,26,1.00);}
.propage .txt-list p {margin: 0;color:rgba(35,35,35,0.8);}
.propage .txt-list small {font-size: 1rem; background:rgba(35,35,35,0.05); padding:0.5rem 1rem; display: inline-block; border-top:1px solid #FFF; color:rgba(35,35,35,1.00);}
.propage .online {height: 5rem; padding:1rem; background-color: rgba(35,35,35,0.05);}
.propage .online .phone {position: absolute; left:5rem;}
.propage .online .phone:before {content: '';width:50px;height: 50px; background:url("../images/icons-bg.png") 0 0 no-repeat; position: absolute; left:-60px; }
.propage .online .weixin {position:absolute; right:0; top:0rem; width:5rem; height: 5rem; background-color: rgba(165,0,26,1.00); cursor: pointer;}
.propage .online .weixin:before {content: ''; width:0; height: 0; overflow: hidden; position:absolute; left:-16px; border-width: 8px; border-style: solid; border-color: rgba(165,0,26,1.00); border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent;}
.propage .online .weixin i {-webkit-transition:-webkit-all 0.2s;-ms-transition:-ms-all 0.2s;transition:all 0.2s;}
.propage .online .weixin:hover i {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.propage .union {overflow: hidden;}
.propage .union img {width: 100%;}
@media (min-width:992px) {
	.propage .union {height: 16.3rem;}
}
@media (max-width:991.98px) {
	.propage .union {height: 10.5rem;}
	.propage .online {display:none!important;}
}
@media (max-width:767.98px) {
	.propage .union {display:none!important;}
	.footer {margin-bottom: 70px;}
}
.propage .content {padding:1rem;}
.propage .content img {max-width: 100%;}
.compro,.propage .content-box {border:1px solid rgba(35,35,35,0.1); border-top:2px solid rgba(52,58,65,1.00); background-color: rgba(255,255,255,1.0); overflow:hidden;}
.compro .list {padding:1rem;}
.compro .list ul {margin-top:-1rem;}
.compro .list ul li {margin-top:1rem;}
.compro .list .txt {background:rgba(255,255,255,1.00);}
.compro .list .txt h3 {height: 3rem; line-height: 3rem; font-size:1.0rem; margin:0!important; padding:0.5rem; font-weight: 700;}
.compro .list .txt p {padding:0 0.5rem; font-size:0.9rem;}

/*侧边栏 - 联系方式 + 跟随*/
.side-about.fixed {position:fixed;top:-1rem;}
@media (min-width:1200px) {
	.side-about {max-width: 255px;}
	.side-about .phone-tit {height: 5rem; padding:1rem; background-color: rgba(255,255,2555,1);}
	.side-about .phone-tit .phone {position: absolute; left:5rem;}
	.side-about .phone-tit .phone:before {content: '';width:50px;height: 50px; background:url("../images/icons-bg.png") -50px 0 no-repeat; position: absolute; left:-60px; }
}
@media (max-width:1199.78px){
	.side-about {max-width: 210px;}
	.side-about .phone-tit {height: 5rem; padding:1rem; background-color: rgba(255,255,2555,1);}
	.side-about .phone-tit .phone {position: absolute; left: 3rem;top:1.5rem;}
	.side-about .phone-tit .phone:before {content: '';width:30px;height: 30px; background:url("../images/icons-bg.png") -100px 0 no-repeat; position: absolute; left:-40px; top:5px;}
	.side-about .phone-tit .phone .display-8 {font-size:1rem!important;}
	.side-about .phone-tit .phone .display-7 {font-size:1.2rem!important;}
}
.side-about .txt {background:rgba(52,58,65,0.1); padding:1rem;}
.side-about .txt:before {content: ''; width:0; height: 0; overflow: hidden; position:absolute; left:2.1rem; top:-16px; border-width: 8px; border-style: solid; border-color: transparent; border-bottom-color: rgba(52,58,65,0.1)!important;}

/*侧边栏产品 文章*/
.side-pro,.side-art,.side-block {width:100%; border:1px solid rgba(52,58,65,0.1); border-top:2px solid rgba(52,58,65,1.0);}
.cp-list li {margin-top:1.5rem;}
.cp-list .title {font-weight: bold; color:rgba(52,58,69,1.0);}
.cp-list .desc {color:rgba(52,58,69,0.8); font-size:0.9rem;}

.side-block ul.list-img {margin-top:-1rem;}
.side-block ul.list-img li {margin-top:1rem;}
.side-block ul.list-img li:nth-of-type(n+2) {margin-top:2rem;}
/*鼠标经过文字显示*/
.cover-txt {cursor:pointer;}
.cover-txt p.bt {width:100%; background: rgba(255,255,255,0.5); position: absolute; left:0; bottom: -5rem; opacity:0; filter:alpha(opacity=0); padding:0.5rem 1rem; transition: all 0.3s; transform: scale(0.75);}
.cover-txt:hover p.bt {bottom: -1rem; opacity:1; filter:alpha(opacity=100); transform: scale(1);}

.side-art .list-text {height: 2rem; line-height: 2rem;}
.side-art .list-text:before {
	display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
	width:1rem;
	height: 1rem;
}
@media (min-width:992px){	
	[class^="pc-"],[class*="pc-"]{display:none;}
	.card-list .col-lg-3:nth-of-type(4n+1) dl.listbk {border-left:1px solid rgba(0,0,0,0.1)!important;}
}
@media (max-width:991.98px){
	[class^="mob-"],[class*="mob-"]{display:none;}
	.card-list dl.listbk {border-left:1px solid rgba(0,0,0,0.1)!important;}	
	.side-pro,.artpage .side-box {margin-top:1rem;}
	
}

/*card-list*/
.card-list dl.listbk {border-top:1px solid rgba(0,0,0,0.1)!important;border-right:1px solid rgba(0,0,0,0.1)!important;border-bottom:1px solid rgba(0,0,0,0.1)!important;}
.card-list dl {transition: all 0.3s;background:rgba(0,0,0,0.01);min-height: 450px;}
.card-list dl:hover {box-shadow: 0 0 1.5rem rgba(0,0,0,0.2);background:rgba(255,255,255,1);}
.card-list dt h3 {display:inline-block; font-size:1rem;}
.rtime {font-size:1rem;font-weight: normal;}
.card-list dd h2 {height:3rem;}
.card-list dd .litpic {position:relative;height: 0;padding:35.25% 0;overflow:hidden;display:flex;display:-webkit-flex;align-items: center;-webkit-align-items:center;}
.card-list dd .litpic img {width:100%;}
.card-list dd .desc {width:100%;height:4.5rem;line-height: 1.5rem;}
.card-list dd .info {height:1.0rem;padding:0 0.5rem;}

/*资讯封面*/
.tit-nav {width:100%; height: 3rem; line-height: 3rem; border-bottom:1px solid rgba(52,58,65,0.1); background:rgba(52,58,65,0.05);}
.tit-nav h1 {float:left; display: inline-block; font-size:1rem; background:rgba(52,58,65,1); padding:0 1rem; height: 3rem; line-height: 3rem; color:rgba(255,255,255,1.00); position: relative;}
.tit-nav h1:after {content: ''; width:0;	height: 0;	display: block; border-width: 5px; border-style: solid; border-color: rgba(52,58,65,1.00); border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; position: absolute; left:50%; margin-left:-5px; bottom:-10px;}
.tit-nav ul {float:right; height: 3rem; overflow: hidden;}
.tit-nav ul li {float:left; display: inline-block; margin:0 1rem; position: relative;}
.tit-nav ul li a {color: rgba(52,58,65,0.8);}
.tit-nav ul li a:hover {color: rgba(52,58,65,1);}
.tit-nav ul li:before {content: ''; width:0; height: 1.0rem; border-left:1px solid rgba(52,58,65,0.2); position: absolute; left:-1rem; top:1.05rem;}

/*资讯滚动图片*/
.swiper-article {width: 100%; padding-bottom: 3rem; overflow: hidden;}
.swiper-article .title {width:100%; height: 3rem; line-height: 3rem; font-size: 1.1rem; padding:0 1rem; background: rgba(52,58,65,0.05); border-top:1px solid rgba(52,58,65,0.2); position: absolute; left:0; bottom:-3rem;}
.swiper-article .swiper-pagination {bottom:3.5rem!important;}
.swiper-article .swiper-button-next,.swiper-article .swiper-button-prev {margin-top:-3rem!important;}

/*侧边栏推荐产品 滚动*/
.swiper-product {padding-top:3rem; margin-top:-3rem; position: relative; z-index: 1; width:100%; overflow: hidden;}
.swiper-product .btn-next,.swiper-product .btn-prev {position:absolute; top:1.0rem; width:1rem; height: 1.5rem; background:rgba(165,0,26,1.00); z-index: 11; cursor: pointer; text-align: center; color: rgba(255,255,255,1);}
.swiper-product .btn-next:hover,.swiper-product .btn-prev:hover {background:rgba(165,0,26,0.6);}
.swiper-product .btn-prev .fa,.swiper-product .btn-next .fa {font-size:1rem; transition: all .1s;}
.swiper-product .btn-prev {right:1.1rem;}
.swiper-product .btn-next {right:0;}

.art-list li {margin-top:1rem;}
.art-list li:nth-of-type(1) {margin-top:0;}
.art-list .s-pic {float:left; padding:0; margin-right: 1rem;}
	.art-list p:last-of-type {margin:0;}
@media (min-width:768px){
	.art-list .art-title {height: 2.4rem;line-height: 2.4rem; font-size:1.2rem;overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 1;}
	.art-list .art-desc {overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 3;}
	.art-list span {margin-right: 1rem;}
	.sm-show {display: none;}
}

@media (min-width:1200px){
	.art-list .art-desc {overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 2;}
}
@media (max-width:767.98px){
	.art-list .art-title {line-height: 1.5rem; font-size:1.0rem;overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 3;}
	.art-list .art-date,.art-list .art-click {display: block;width:100%;font-size:0.9rem;}
	.art-list .art-desc,.art-list .art-tags,.art-list .art-click {display: none;}
	.sm-show {display: block;}
}
.art-list .t-box:nth-of-type(n+3){margin-top: 1.5rem;}
.art-list .t-box .desc {font-size: 0.9rem; color:rgba(35,35,35,0.6);}

/*文字 列表*/
.t-box {width:100%;}
.t-box .title {width:100%; height: 3rem; line-height: 3rem;}
.t-box .title h2 {height: 3rem; line-height: 3rem; padding:0 1rem; border-bottom:1px solid rgba(52,58,65,1)}
.t-box .title .more {float:right; font-size:0.9rem; color:rgba(52,58,65,0.8); font-weight: normal!important;}
.t-box .list {padding:0 1rem;}
/*文字+简介 列表*/
.tt-box {width:100%; overflow: hidden;}
.tt-box li {display: block; height: 6rem; margin-top:1rem;}
.tt-box li .title {font-weight: 700; height: 2rem; line-height: 2rem;}
.tt-box li .desc {height: 3rem; margin-top:0.5rem; line-height: 1.5rem; color:rgba(52,58,65,0.6);}
.tt-box li p {margin:0!important;}
@media (min-width:1200px){
	.cover-right-ad {height: 380px; overflow: hidden;}
}
@media (max-width:1199.98px){
	.tt-box li {display: block; height: 5.5rem; margin-top:0.3rem;}
	.tt-box li .desc {height: 2.5rem; margin-top:0.5rem; line-height: 1.25rem; color:rgba(52,58,65,0.6);}
	.cover-right-ad {height: 320px; overflow: hidden;}
}

/*article*/
.artpage .content-box {border:1px solid rgba(52,58,65,0.1); background: rgba(255,255,255,1.0); padding:1rem; border-top:2px solid rgba(52,58,65,1.0);}
.artpage .content-box h1,.artpage .content-box h2 {height: 3rem; line-height: 3rem; font-size: 1.2rem; font-weight: 700;}
.artpage .content-box h2 {background: rgba(72,88,85,0.1); border-left: 3px solid rgba(72,88,85,0.75); text-indent: 1rem; color: rgba(72,88,85,1);}
.artpage .content-box h3 {height: 2.4rem; line-height: 2.4rem; font-size: 1.1rem; font-weight: 700; background: rgba(72,88,85,0.1); border-left: 3px solid rgba(72,88,85,0.75); text-indent: 1rem; color: rgba(72,88,85,1);}
.artpage .content-box .content-info {line-height: 2rem; font-size: 0.9rem; color:rgba(35,35,35,0.6);}
.artpage .content-box .content-info span:nth-child(n+2) {margin-left:1rem;}
@media (max-width:767.98px){
	.artpage .content-box .content-info span:nth-of-type(3) {float:left; display: block; width:100%;margin:0;}
	
}
.artpage .content-box .content-info a {margin-right: 1rem;}
.artpage .content {width:100%; overflow: hidden;}
.artpage .content img {max-width: 100%!important; object-fit: cover!important;}
.artpage .content-box .page-next {font-size: 0.9rem; color:rgba(35,35,35,0.6);}

.art-side {border:1px solid rgba(52,58,65,0.1); background: rgba(255,255,255,1.00);}
.art-side .art-bt {height: 3rem; border-bottom: 1px solid rgba(52,58,65,0.1);}
.art-side .art-bt span {height: 3rem; line-height: 3rem; border-bottom: 1px solid rgba(52,58,65,1.0); display: inline-block; padding:0 1.25rem; font-weight: 700;}
.art-side .card {border-color: transparent!important;}
.art-side .card .card-body {padding:0.75rem 1rem!important;}
.art-side .card .card-title {height: 1rem; line-height: 1rem;}

/*product*/
.product-list li:nth-of-type(n+4) {margin-top:1.5rem;}
@media (max-width:991.98px){
	.product-list li:nth-of-type(n+1) {margin-top:1.5rem;}
}

.tit { position:relative; z-index: 20;}
.tit .more {padding:0 0.5rem; height: 1.2rem; background: rgba(35,35,35,0.1); position:absolute; right:0; top:0; font-size: 0.8rem; font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";}
.tit .more:before {content: '+'; width:1.2rem; height: 1.2rem; background:rgba(135,0,26,1); position: absolute; left:-1.2rem; top:0; text-align: center; line-height: 1.2rem; color:rgba(255,255,255,1.00);}

/*Pump Style*/
.ch-list a.thisclass {background:rgba(135,0,26,1); padding:0.1rem 0.5rem; border-radius: 0.25rem; color:rgba(255,255,255,1.00);}
.cont-info span {margin-right: 0.5rem; font-weight: lighter; display:inline-block; color:rgba(35,35,35,0.75);}
.cont-info ul li {display: inline-block; width:100%; float: left; color:rgba(35,35,35,0.75);}
.cont-box .cont-body img {max-width: 100%; object-fit: cover;}
.cont-box .cont-body h2 {font-size:1.2rem; backgroud:rgba(240,240,240,1.0); padding:0.5rem 0; font-weight: bold;}

@media (min-width:767.98px) {
	.cont-info ul li {width:50%;}
}

.cont-like-image li {display:inline-block; margin-top:1rem; float: left;}
.side-txt-link a {padding:0 0.5rem;}
.side-txt-link a:before {content: '\f105'; font-family: 'FontAwesome'; font-size: 0.9rem; color: rgba(35,35,35,0.5); margin-right: 0.25rem;}

/*pagelist*/
.pagelist {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagelist a,
.pagelist a:hover:first-child {display: inline-block; padding:5px 10px; border:1px solid rgba(0,0,0,0.1);background-color: rgba(0,0,0,0.05);}
.pagelist a:hover,
.pagelist b {border:1px solid rgba(165,0,26,1);background-color: rgba(165,0,26,0.75);color:rgba(255,255,255,1.00); padding:5px 10px;display: inline-block;}
.pagelist b:first-child {border:0;background-color: transparent;padding:0;}
.pagelist a b {color:rgba(0,0,0,1.00);}

/*baidu share*/
.share {width:100%; padding:1rem 0; height:4rem; line-height: 1.5rem;}
.share span {float:left; color:rgba(35,35,35,0.6); height: 2.5rem; line-height: 2.5rem;display:inline-block;}
.share .bds_more {text-indent: -99999px;}


.flink hr {margin:0.5rem 0!important;}
.flink ul.list li {display:inline-block;margin-right:0.25rem;}

@media (max-width:991.98px){
	.footer .copy-txt {background:rgba(17,21,32,0.05);}
}
@media (min-width:992px){
	.footer {background:rgba(35,35,35,1);}
	.footer .copy-txt {background:rgba(17,21,32,0.2);}
}
.fot-link {padding:1rem 0;border-bottom:1.5px solid rgba(0,0,0,0.3);}
.fot-link a {display:inline-block;padding:0 0.5rem;}
.fot-info {border-top:1px solid rgba(255,255,255,0.1);}
.fot-info dl {border-left:1px solid rgba(255,255,255,0.2);display:block;position: relative;}
.fot-info dt {color:rgba(185,185,185,1);}
.fot-info dt:before {content: '';position:absolute;height:1.5rem;border-left:1px solid rgba(165,0,26,1);left:-1px;}
.fot-info a,.fot-info dd{color:rgba(155,155,155,1);}
.fot-info a:hover {color:rgba(155,155,155,0.75);}
.fot-info .wxewm {display:block;width:135px;height:135px;position:absolute;background:url("../images/wxewm.png") no-repeat;background-size:cover;overflow: hidden;text-indent: -9999px;opacity:0.5;filter:alpha(opacity=35);}
.copy-txt .txt {padding:1rem 0;color:rgba(175,175,175,1); font-size: 0.8rem;}

/**浮动客服开始**/
.toolbar {	width: 52px;position: fixed;right: 1%;top: 44%;z-index: 999;}
.toolbar dd {	width: 52px;height: 52px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top: 4px;border: rgba(0,0,0,0.2) solid 1px;background-color: #fff;-webkit-border-radius: 100%;border-radius: 100%; box-sizing:content-box; -moz-box-sizing:content-box;}
.toolbar dd i {	width: 52px;height: 52px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span {	width: 35px;height: 35px;display: block;margin: 8px 0 0 8px; background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop {	display: none;}
.toolbar .slide-tel {	display: block;width: 0;height: 54px;line-height: 54px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden; box-sizing:content-box; -moz-box-sizing:content-box;}
.toolbar .pop {	position: absolute;right: 90px;top: -65px;background: #dc0000; display: none;}
.toolbar .pop-code {width: 160px;}
.toolbar .pop-code img {	width: 140px;height: 140px;display: block;padding: 20px 0 0 20px;}
.toolbar .pop-code h3 {	height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b {	display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span {background-position: -35px -47px;}
.toolbar .qq a {width: 52px;height: 52px;cursor: pointer;display: block;}
.toolbar .qq:hover {background-color: #dc0000;border-radius: 100%;}
.toolbar .qq:hover span {background-position: 0 -47px;}
.toolbar .tel span {background-position: -35px 0;}
.toolbar .tel:hover {background: #dc0000;}
.toolbar .tel:hover span {background-position: 0 0;}
.toolbar .code span {background-position: -35px -95px;}
.toolbar .code:hover {background-color: #dc0000;border-radius: 100%;}
.toolbar .code:hover span {background-position: 0 -95px;}
.toolbar .top span {background-position: -35px -142px;}
.toolbar .top:hover {background-color: #dc0000;border-radius: 100%;}
.toolbar .top:hover span {background-position: 0 -142px;}
.toolbar dd:hover {}

.bottom {height: 70px; padding:5px 0; border-top:1px solid rgba(215,215,215,1); background:rgba(230,230,230,1); box-sizing: border-box;}
.bottom li {float:left; width:25%; display: inline-block; height: 60px; text-align: center; font-size: 0.9rem; border-left:1px solid rgba(215,215,215,1);}
.bottom li:nth-child(1) {border-color: transparent;}
.bottom li i {display: block; font-size: 1.5rem; line-height: 2rem;}
#weixin {position: fixed; top: 50%; margin-top: -.2rem; z-index: 9999999; font-size: 0.9rem; color: #fff; width: 90%; right: 5%; line-height: 2rem; text-align: center; background: rgba(0, 0, 0, 0.8); border: 1px solid #333; border-radius: 1rem; display: none;}

.pro-art {width:100%;}
.ptitle-1 {background:rgba(35,35,35,0.05);padding:0 1rem;display: block;position: relative;}
.ptitle-1:before {content: '.';position: absolute;top:0;left: 0;width:0.25rem;height: 2.5rem;background:rgba(165,0,26,1);}
.ptitle-1 h2 {height:2.5rem; line-height:2.5rem; font-size:1.2rem;}
.ptitle-2 {height: 2rem;}
.ptitle-2 h4 {height: 2rem; line-height: 2rem; padding:0 0.25rem; position: absolute; top:0; left: 0; border-bottom:1px solid rgba(165,0,26,1);}

.coninfo-txt p {height: 1.5rem; line-height: 1.5rem; margin:0.5rem 0 0!important; background:rgba(35,35,35,0.05);}
.coninfo-txt .small-tit {padding:0 0 0 0.5rem; background:rgba(35,35,35,0.1);}
.coninfo-txt .txt {height: 2.5rem; line-height: 1.25rem;}

.conbody img {max-width:100%; height: 100%; object-fit: cover;}
.conbody h1,.conbody h2,.conbody h3 {display: block; background:rgba(35,35,35,0.1); margin:1rem 0; padding-left:1rem; position: relative;}
.conbody h1 {color:rgba(0,123,255,1);font-size:1.3rem;line-height: 2.5rem;}
.conbody h2 {color:rgba(165,0,26,1);font-size:1.2rem;line-height: 2.4rem;}
.conbody h3 {color:rgba(35,35,35,1);font-size:1.1rem;line-height: 2.2rem;}
.conbody h1:before,.conbody h2:before,.conbody h3:before {content: '.'; font-size: 0; position: absolute; top:0; left: 0; width:0.25rem; height: auto;}
.conbody h1:before {background:rgba(0,123,255,1);}
.conbody h2:before {background:rgba(165,0,26,1);}
.conbody h3:before {background:rgba(35,35,35,1);}

.bdshare {border-top:1px solid rgba(35,35,35,0.2); padding-top:0.5rem;}
.bdshare .share-ico {width:24px; height: 24px; text-align: center; margin: 6px 6px 6px 0; color:rgba(135,0,26,0.75); border: 1px solid rgba(135,0,26,0.75);}

.tag-list {line-height: 1.5rem;}
.tag-list span {float:left; padding:0 0 0 0.5rem; background:rgba(35,35,35,1); position:relative;}
.tag-list span:after {content: '.'; font-size: 0; width:0px; height: 0px; border:5px solid rgba(35,35,35,1); border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; position:absolute; top:50%; margin-top:-5px;}
.tag-list a {padding:0 0.5rem; font-size: 0.9rem; border:1px solid rgba(35,35,35,0.1); color:rgba(35,35,35,0.5); border-radius: 0.75rem; display: inline-block;}
.tag-list a:hover {background:rgba(135,0,26,1); color:rgba(255,255,255,1.00);}

.tag-link a {background:rgba(51,53,65,0.1);color:rgba(51,53,65,0.75);font-size: 0.9rem;padding:0.2rem;border-radius: 0.2rem;transition:all 0.3s;-webkit-transition:all 0.3s;}
.tag-link a:hover {color:rgba(51,53,65,1);background:rgba(51,53,65,0.2);}
.tag-link a:nth-of-type(n+2) {margin-left:0.3125rem;}

/*page-next*/
.page-next-2 {border:1px solid rgba(35,35,35,0.1); border-radius: 1.5rem; height: 3rem; padding:0 1rem; position: relative;}
.page-next-2:before {content: ''; width:0; height:3rem; border-left:1px solid rgba(35,35,35,0.1); position: absolute; top:0; left: 50%;}
.page-next-2 li {line-height: 3rem;}
.page-next-2 li .fa {color:rgba(35,35,35,0.5); transition: all 0.5s; -webkit-transition: all 0.5s;}
.page-next-2 li:hover .fa {color:rgba(135,0,26,0.75); margin-left:-2px;}
.page-next-2 li:nth-child(2):hover .fa {margin-right:-2px;}

/*相关产品*/
.like-pro .tit h2 {height: 3rem; line-height: 3rem; margin:0!important; padding-left:1rem; padding-right: 5rem;}
.like-pro .swiper-like-pro {padding:4rem 1rem 1rem 1rem; margin-top:-3rem; position: relative; z-index: 22;}
.like-pro .swiper-like-pro .swiper-wrapper {}
.like-pro .btn-next,.like-pro .btn-prev {width:1.8rem; height: 1.8rem; position:absolute; top:0.6rem; background: rgba(35,35,35,0.5); text-align: center; border-radius: 0.2rem; color:rgba(255,255,255,1.00); cursor: pointer; transition: all 0.3s;}
.like-pro .btn-next .fa,.like-pro .btn-prev .fa {font-size:1.5rem;}
.like-pro .btn-next:hover,.like-pro .btn-prev:hover {background: rgba(135,0,26,1);}
.like-pro .btn-next {right:1rem;}
.like-pro .btn-prev {right:3rem;}



.col-li-2 li {float:left; width:50%; display:inline-block;}
.col-li-2 li:before {content: "\f0da"; font-family:'FontAwesome'; margin-right: 0.5rem; color:rgba(35,35,35,0.5);}
@media (max-width:767.98px){
	.col-li-2 li {width:100%;}
	.zt-box .side {margin-top:1rem;}
}
.zt-info img {max-width: 100%;}
.zt-info h2,.zt-info h3 {width:100%; height: 2.6rem; line-height: 2.6rem; display: block; margin:1rem 0; font-size: 1.2rem; background: rgba(35,35,35,0.1); border-left: 3px solid rgba(72,88,85,1.00); padding-left:1rem; font-weight: 700; color:rgba(72,88,85,1.00);}

